<!DOCTYPE html>
<html lang="zh_CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录框</title>
    <link rel="stylesheet" href="admin/css/font-awesome.min.css">
    <link rel="stylesheet" href="admin/css/index.css">
    <script src="admin/js/jquery-3.6.0.js"></script>
    <script src="admin/js/register.js"></script>
    <script src="admin/js/index.js"></script>
    <!-- 看板娘 -->
    <script src="admin/js/L2Dwidget.0.min.js"></script>
    <script src="admin/js/L2Dwidget.min.js"></script>
    <script>
        L2Dwidget.init({
            "display": {
                "superSample": 2,
                "width": 200,
                "height": 400,
                "position": "right",
                "hOffset": 0,
                "vOffset": 0
            }
        });
    </script>
    <style>
        #live2dcanvas {
            border: 0 !important;
        }
    </style>
</head>

<body>
    <div class="main">
        <!-- 登录页 -->
        <form class="login" method="POST">
            <h1>图书借阅系统</h1>
            <div class="select">
                <select name="select" id="select">
                    <option value="0">学生/老师</option>
                    <option value="1">管理员</option>
                </select>
            </div>
            <div class="usr">
                <input type="text" name="username" id="username" placeholder="用户名/学号/工号..." autocomplete="off">
                <i class="fa fa-user"></i>
                <div class="error"></div>
            </div>
            <div class="pwd">
                <input type="password" name="password" id="password" placeholder="密码..." autocomplete="off">
                <i class="fa fa-lock"></i>
                <div class="error"></div>
            </div>
            <div class="code">
                <input type="text" name="code" id="checkcode" placeholder="验证码..." autocomplete="off">
                <i class="fa fa-shield"></i>
                <div class="login-code">
                    <img alt="验证码" title="看不清">
                </div>
                <div class="error"></div>
            </div>
            <div class="remember">
                <input type="checkbox" name="remember" id="remeber-me" value="on">
                <label for="remeber-me">记住我</label>
                <div id="register">没账号,去注册</div>
            </div>
            <div class="button">
                <input type="button" value="登录">
            </div>
        </form>
        <!-- 注册页 -->
        <form action="" class="register">
            <h1>用户注册</h1>
            <div class="reselect">
                <select name="reselect" id="reselect">
                    <option value="0">学生/老师</option>
                    <option value="1">管理员</option>
                </select>
            </div>
            <div class="Name">
                <input type="text" placeholder="姓名..." name="name" autocomplete="off">
                <i class="fa fa-address-book-o"></i>
                <div class="reerror"></div>
            </div>
            <div class="Sex">
                <span>性别:</span>
                <div class="man">
                    <label for="man">男</label>
                    <input type="radio" name="sex" id="man" checked value="0">
                </div>
                <div class="woman">
                    <label for="woman">女</label>
                    <input type="radio" name="sex" id="woman" value="1">
                </div>
            </div>
            <div class="Age">
                <input type="text" placeholder="年龄..." name="age" autocomplete="off">
                <i class="fa fa-birthday-cake"></i>
                <div class="reerror"></div>
            </div>
            <div class="idcode">
                <input type="text" placeholder="学号/工号..." name="idcode" autocomplete="off">
                <i class="fa fa-id-card-o"></i>
                <div class="reerror"></div>
            </div>
            <div class="newusr">
                <input type="text" placeholder="用户名..." name="newusername" autocomplete="off">
                <i class="fa fa-user"></i>
                <div class="reerror"></div>
            </div>
            <div class="newpwd">
                <input type="password" placeholder="密码..." name="newpassword" autocomplete="off">
                <i class="fa fa-lock"></i>
                <div class="reerror"></div>
            </div>
            <div class="repwd">
                <input type="password" placeholder="重复密码..." name="repassword" autocomplete="off">
                <i class="fa fa-lock"></i>
                <div class="reerror"></div>
            </div>
            <div class="email">
                <input type="text" placeholder="邮箱..." name="email" autocomplete="off">
                <i class="fa fa-inbox"></i>
                <div class="reerror"></div>
            </div>
            <div class="recode">
                <input type="text" name="recheckcode" id="recheckcode" placeholder="验证码..." autocomplete="off"
                    autocomplete="off">
                <i class="fa fa-shield"></i>
                <div class="reerror"></div>
                <div class="login-code">
                    <img alt="验证码" title="看不清">
                </div>
            </div>
            <div class="resubmit">
                <input type="button" value="提交" id="resubmit">
                <input type="reset" value="重置">
                <input type="button" value="返回" id="back">
            </div>
            <div class="hidden">
                <div class="add_success">
                    <span>添加成功！！！</span>
                    <input type="button" value="确定">
                </div>
                <div class="add_error">
                    <span>添加失败！！！</span>
                    <input type="button" value="确定">
                </div>
            </div>
        </form>
        <div class="footer">
            <span>
                <a href="http://ten-fei.gitee.io" target="_blank">
                    © 2021 OuYang-TengFei Copyright
                </a>
            </span>
        </div>
    </div>
</body>

</html>